<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>12-1</title>
<style>
     *{margin:0;padding:0;}
     .nav{font-size:20px;}
     #nav ul{list-style-type:none;margin:0}
	 #nav li{ 
	         float:left;
			 width:16%;
			 height:80px;	                                                }
	.right{text-align:right}
	.footer{color:black;
	        text-align:center;
			font-size:30px;}
	 #nav li a{
	           display:block;
	           color:#000000;
			   text-align:center;
			   text-decoration:none;          }
	 #nav li a:link{font-size:20px;text-decoration:none}
	  #nav li a:visited{background:red;font-size:20px;text-decoration:none}
	 #nav li a:hover{background:#FFFFFF;text-decoration:none;font-size:25px}
	  #nav li a:active{background:#CCFF66;font-size:20px;text-decoration:none} 
     .header{
	        text-align:center;
			font-size:60px;
			line-height:100px;
			color:black;
			font-family:"楷体_GB2312";
			text-decoration:none;                             }
    .layer1{
             width:100%;
			 height:150px;
			 color:#000000;    }
	       .layer1-1{
		             width:100%;
					 height:100px;
					 background:#6FDBE3                                       } 
	       .layer1-2{
		             width:100%;
					 height:100px;
					 background:blue;} 
	.layer2{
	         width:100%;
			 height:500px;
			 background:#9966CC}
	       .layer2-1{width:59.8%;height:500px;background:#6FDBE3;float:left;border-right:1px solid blue;margin:0;padding:0;}
		   .layer2-2{width:40%;height:500px;background:#6FDBE3;float:left;margin:0;padding:0;}
		   .layer2-3{clear:both;}
	.layer3{width:100%;height:100px;background:#1839F5;} 
		  
</style>
</head>
<body>
     <div class="layer1">
	        <div class="layer1-1"><a href="http://www.sict.edu.cn/"target="_blank"class="header"> 山东商业职业技术学院</a></div>
			<div class="layer1-2"id="nav">
			    <ul>
			        <li><a href="intro.html"target="_self"class="nav">学校概况</a></li> 
			        <li><a href="org.html"target="_self"class="nav">机构设置</a></li>
					<li><a href="edu.html"target="_self"class="nav"> 教育教学</a></li> 
					<li><a href="job.html"target="_self"class="nav"> 就业创业 </a></li>
					<li><a href="tech.html"target="_self"class="nav">科技服务</a></li>
				</ul>
					                                                                  </div>
</div> 
     <div ckass="layer2">
	        <div class="layer2-1">
			<h3>学校要闻</h3>
			    <hr width="80%‘size="3px"align="left"color="#99FF00"/>
			
				     <ul>
				         <li><a href="#">马克思主义学院召开陶行知教育...</a></li>
				         <li><a href="#">我校承办2017年山东省“农产品质量...</a></li>
				         <li><a href="#">2017山东养老服务业高峰论坛在我...</a></li>
				         <li><a href="#">校报荣获全国高校校报协会2016年...</a></li>
				         <li><a href="#">浙江纺织服装职业技术学院、河北...</a></li>
						 <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
						                                               <p class="right"><i>党群部</i></p>
				 </ul>
			                                                                                </div>
			<div class="layer2-2">
			    <h3>新闻排行</h3>
			    <hr width="80%‘size="3px"align="left"color="#99FF00"/>
			        <ol>
			               <li><a href="#">电子信息学院开展“宣贯十九大精神　</a></li>
			               <li><a href="#">食品药品学院开展集团客座教授讲座</a></li>
			               <li><a href="#">电信学院组织开展消防安全系列主题活动</a></li>
			               <li><a href="#">梅花桩武术协会举行20周年庆典活动</a></li>
			               <li><a href="#">外交学院举行韩国留学生书法作品展</a></li>
			               <li><a href="#">智能制造与服务学院举办汽车专家讲座</a></li>
			</ol>
			                                                                               </div>
			<div class="layer2-3"></div>  
                                                                                              </div>
     <div class="layer3"><p class="footer">学校地址：济南市旅游路4516号    邮编：250103</p></div>
   
</body>
</html>